<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="row">
		<div class="col-md-4">LOGO HERE</div>
		<div class="col-md-offset-3 col-md-4 topHeader">
			<div style="color:white;">${userRole}-${currentUser.name}</div>
		</div>
<!-- 		<div class="col-md-1 topHeader" style="color:white;"> -->
<%-- 			<div>Hi ${employeeWorkstation.employee.firstName + " " + employeeWorkstation.employee.lastName}</div> --%>
<!-- 		</div> -->
	</div>
	<!-- Brand and toggle get grouped for better mobile display -->
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"
			data-target=".navbar-ex1-collapse">
			<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
			<span class="icon-bar"></span> <span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="HomeServlet">PLS - Servlet</a>
	</div>

	<!-- Collect the nav links, forms, and other content for toggling -->
	<div class="collapse navbar-collapse navbar-ex1-collapse">
		<ul class="nav navbar-nav">
			<li><a href="HomeServlet">Home</a></li>
			<li><a href="ViewSeatServlet">View Seat</a></li>
			<li><a href="ManageSeatServlet">ManageSeat</a></li>
		</ul>
		<ul class="navbar-form navbar-left" role="search">
			<li style="width: 300px;"><input name="searchQuery"
				id="searchQuery" type="text"
				placeholder="employee name, id, project name" size="30" /> <span
				id="searchBtn"> <span class="glyphicon glyphicon-search"></span>
			</span></li>
			<!-- /input-group -->
		</ul>
		<ul class="nav navbar-nav navbar-right" style="color: white;">
			<li><a href="LogoutServlet" style="color: white">LOGOUT</a></li>
		</ul>
	</div>
	<!-- /.navbar-collapse -->
</nav>

<jsp:include page="/include/searchResults.jsp"></jsp:include>

